.paper-container {
    background: #e7ecf1;
    padding: 20px 0px;

    .flex {
        display: flex;
        justify-content: center;
        width: auto;
    }

    .center {
        margin: 0 auto;
    }

    .a-btn {
        color: dodgerblue;
        cursor: pointer;
    }

    .radio input {
        width: auto;
        top: 10px;
    }

    input.underline {
        width: 6em;
        text-align: center;
        border-bottom: 1px solid #666;
        line-height: 20px;
    }

    .radio {
        display: inline-block;
        margin: 0px 5px;
    }

    #alert ol {
        padding-left: 2em;
    }

    .page-div {
        background: #fff;
        padding: 60px 95px;
        border: 1px #ababab solid;
        min-height: 1122px;
        width: 793px;
        position: relative;
        margin: 0px auto;

        &.narrow {
            padding: 30px 45px;
        }
        h1 {
            margin: 24px 0 24px 0;
            text-align: center;
            line-height: 1.4;
            font-weight: bold;
            font-size: 29px;

            .intent {
                display: inline-block;
            }
        }

        h3.page-title {
            text-align: center;
            margin: 20px 0px;
            font-size: 24px;
            font-weight: bold;
        }

        .table-infomation {
            &::after {
                clear: both;
                content: "\20";
                display: block;
                height: 0px;
            }

            .date-info {
                float: right;
            }

            margin: 5px;
        }

        .help-block {
            display: block;
            margin-top: 5px;
            margin-bottom: 10px;
            color: #737373;
            line-height: 1.5;
        }

        h2 {
            margin-bottom: 16px;
            font-family: "黑体";
            font-size: 18px;
        }

        .section {
            margin-bottom: 1rem;
        }
        .readonly-box {
            border: 1px solid #e4e8e0;
            min-height: 150px;
            padding: 0 8px;
            td, th {
                border: 1px solid #000;
            }
        }
        & > table {
            &.main-table {
                border-collapse: collapse;
                margin-left: 0px;
                background: transparent;
                border-spacing: 0px;
                width: 100%;
                vertical-align: middle;
            }

            &.basic-info-table {
                table-layout: fixed;
                .text-center{
                    text-align: center;
                }
                th {
                    text-align: left;
                    font-weight: normal;
                }
                .user {
                    display: flex;
                    align-items: center;
                    text-wrap: nowrap;

                    .ant-input {
                        padding-left: 3px;
                    }
                }
            }

            caption {
                font-size: 16px;
                font-weight: bold;
                text-align: left;
                margin-bottom: 8px;
            }

            .no-top {
                border-top: 0px;
                td, th {
                    border-top: 0px;
                }
            }
            .no-bottom {
                border-bottom: 0px;
                td, th {
                    border-bottom: 0px;
                }
            }

            tfoot tr td {
                height: 20px;
                line-height: 20px;
                text-align: left;
                padding: 7px;

                .ant-input {
                    padding: 0;
                }
            }

            td,
            th {
                border: 1px solid #000;
                vertical-align: middle;
                line-height: 37px;
                padding: 0px 7px;

                input,
                textarea {
                    border: none;
                    outline: none;
                    width: 100%;
                }

                textarea {
                    padding-left: 0px;
                    padding-right: 0px;
                }

                .ant-form-item {
                    margin-bottom: 0px;
                }

                &.required::after {
                    display: inline-block;
                    margin-inline-start: 4px;
                    color: #ff4d4f;
                    line-height: 1;
                    content: "*";
                }

                .ant-input,
                .ant-input-affix-wrapper,
                .ant-input-number-affix-wrapper {
                    padding-left: 0px;
                }

                .ant-input-number,
                .ant-input-number-affix-wrapper {
                    width: 100%;
                }

                .ant-select-selector {
                    padding-left: 0px !important;
                }

                .ant-picker {
                    width: 100%;
                }

                input.cb {
                    width: auto;
                    display: inline-block;
                    margin-right: 5px;
                }

                label {
                    margin-bottom: 0px !important;
                }
            } // td, th

            .text-center {
                text-align: center;
            }

            .approval-amount {
                position: relative;

                .ant-form-item-control-input-content {
                    display: flex;
                    align-items: center;
                    gap: 10px;

                    .ant-input-number-affix-wrapper {
                        flex: 1;
                    }
                    .placeholder {
                        position: absolute;
                        pointer-events: none;
                        inset: 0;
                        left: 18px;
                        display: flex;
                        align-items: center;
                        background-color: #fff;
                        width: 50px;
                        z-index: 100;
                    }
                    .hidden {
                        display: none;
                    }
                }
            }
        } // table

        .title-block {
            font-weight: bold;
            font-size: 16pt;
            line-height: 28px;
        }

        .submit-btn-area {
            margin-top: 16px;
        }

        .mb16 {
            margin-bottom: 16px;
            .info-table{
                border-collapse: collapse;
                margin-left: 0px;
                background: transparent;
                border-spacing: 0px;
                width: 100%;
                vertical-align: middle;
                td, th {
                    border: 1px solid #000;
                    padding: 2px 8px;
                    word-break: break-all;
                    text-wrap: pretty;
                    line-height: 1.4;
                }
            }


        }
    }
    // .page-div
}

.need-field {
    display: inline-block;
    margin-left: 3px;
    color: #ff4d4f;
    vertical-align: middle;
    font-size: 16px;
}

.basic-info-editor {
    table {
        border-collapse: collapse;
        margin-left: 0px;
        background: transparent;
        border-spacing: 0px;
        width: 100%;
        vertical-align: middle;

        td,
        th {
            border: 1px solid #000;
            vertical-align: middle;
            line-height: 20px;
            padding: 5px 7px;

            input,
            textarea {
                border: none;
                outline: none;
                width: 100%;
            }

            textarea {
                padding-left: 0px;
                padding-right: 0px;
            }

            .ant-form-item {
                margin-bottom: 0px;
            }

            &.required::after {
                display: inline-block;
                margin-inline-start: 4px;
                color: #ff4d4f;
                line-height: 1;
                content: "*";
            }

            .ant-input,
            .ant-input-affix-wrapper,
            .ant-input-number-affix-wrapper {
                padding-left: 0px;
            }

            .ant-input-number,
            .ant-input-number-affix-wrapper {
                width: 100%;
            }

            .ant-select-selector {
                padding-left: 0px !important;
            }

            .ant-picker {
                padding-left: 0px !important;
                width: 100%;
            }

            input.cb {
                width: auto;
                display: inline-block;
                margin-right: 5px;
            }

            label {
                margin-bottom: 0px !important;
            }
        }
    }
}
